<template>
	<div class="wraper" :class="{iphoneX:isIphoneX,iphone:isIphone}">
		<div class="line"></div>
		<div class="nav-bar">
			<div class="arrow" @click="goBack"></div>
		</div>
		<div class="content">
			<h1>银行卡资金流水审核</h1>
			<div class="info green" v-if="status==2">已提交，请耐心等待审核</div>
			<div class="info red" v-if="status==3">被驳回，请重新提交</div>
			<div class="add" @click="getImgUrl">
				<img v-if="imgUrl && status!= 2" @click.stop="imgUrl='';loading=false;" src="../../static/images/card-close.png" class="close">
				<img v-if="imgUrl" :src="imgUrl+'?imageView2/1/w/300/h/300'" class="main" @click="bigImgUrl=imgUrl;showBigMark=true;">
<!-- 				<input ref="evfile" @change="getImgUrlChange" type="file"  accept="image/*" id="uploadImage"> -->
			</div>
			<h2>上传银行卡资金流水截图</h2>
			<p>为确保OTC用户和商家的资金安全，必须上传用于快捷买币的支付方式（银行卡）最近的资金流水截图，并通过审核。</p>
		</div>
		<div class="examples">
			<h1>上传图片示例</h1>
			<p class="desc">银行卡资金流示意图</p>
			<p><img @click="showExample" ref="example" src="https://n-bkt.deepcoin.me/1610502419284" alt=""></p>
		</div>
		<footer>
			<van-button @click="upload" :loading="loading" clas="btn" type="primary" :color="canUpload?'#143566':'#B4C2D6'">提交</van-button>
		</footer>
		<div class="mark" v-if="showBigMark && bigImgUrl" @click="showBigMark=false;bigImgUrl='';">
			<img class="big" :src="bigImgUrl" @click.stop="stop" />
			<img @click="showBigMark=false;bigImgUrl='';" src="../../static/images/card-close2.png" class="close">
		</div>
	</div>
</template>
<script src="./cardVerify.js"></script>
<style scoped lang="scss">
	@import './cardVerify.scss';
</style>
<style>
	.sellType-mark{
		background-color: rgba(0,0,0,.5);
	}
	.van-dialog.sellType-dialog{
		width: 5.07rem;
		border-radius: 0.22rem;
	}
	.van-dialog.sellType-dialog .van-dialog__header{
		padding-top: 0.4rem;
		font-size: 0.32rem;
		color: #2E3D4D;
		font-weight: bold;
	}
	.van-dialog.sellType-dialog .van-dialog__message{
		font-size: 0.3rem;
		padding: 0.1rem 0 0.35rem 0;
		color: #2E3E4D;
	}
	.van-dialog.sellType-dialog .van-button{
		height: 0.8rem;
		line-height: 0.8rem;
		font-size: 0.32rem;
	}
	.van-dialog.sellType-dialog .van-dialog__confirm{
		font-weight: 600;
	}
</style>